<template>
    <a-layout-header style="background: #fff; padding: 0 15px;" class="flex a-c">
        <div class="padv15">
            <i-menu-unfold v-if="collapsed" @click="changeCollapsed(collapsed)" />
            <i-menu-fold v-else @click="changeCollapsed(collapsed)" />
        </div>
        <Breadcrumb></Breadcrumb>
    </a-layout-header>
</template>

<script setup>
    import Breadcrumb from './Breadcrumb'
    import { ref, computed } from 'vue';
    import { mapState, useStore, mapMutations } from 'vuex'

    let store = useStore()

    // setup内没有this，bind更改绑定
    let collapsed = computed(mapState(['collapsed']).collapsed.bind({ $store: store }))
    let changeCollapsed = mapMutations(['changeCollapsed']).changeCollapsed.bind({ $store: store })
</script>

<style lang="scss" scoped>

</style>